.login {
  height: 100%;
  background-image: url(../image/bg.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

  .login-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 330px;
    height: 380px;
    background-color: rgba(242, 242, 248, 0.8);
    padding: 30px 50px 10px;
    box-sizing: border-box;
    border-radius: 10px;

    .login-header {
      height: 40px;
      display: flex;
      justify-content: space-between;
      .header-login {
        font-size: 22px;
      }
      .header-link {
        text-decoration: underline;
      }
    }

    .login-main {
      margin-top: 20px;

      .login-footer {
        display: flex;
        justify-content: space-between;
        height: 40px;
      }

      .login-btn {
        .el-button + .el-button {
          margin: 0;
          margin-top: 5px;
        }
      }
    }
  }
}
